.audio-pane,
.voice-pane {
    -fx-padding: 20px 0 20px 0;
    -fx-background-insets: 0;
    -fx-fit-to-height: true;
    -fx-fit-to-width: true;
    -fx-border-color: derive(-fx-main-border-color, 20%);
    -fx-border-width: 1px;
    -fx-border-radius: 5px;
    -fx-background-radius: 5px;
    -fx-effect: dropshadow(three-pass-box, derive(-fx-main-background-color, 20%), 10, 0.5, 0, 0);
}

.voice-pane .title, .audio-pane .title {
    -fx-font-size: 20px;
    -fx-font-weight: bold;
}

.voice-pane .top-pane, .audio-pane .top-pane {
    -fx-border-width: 0 0 1 0;
    -fx-border-color: derive(-fx-main-border-color, 20%);
    -fx-padding: 0 0 10px 0;
}


.voice-pane .bottom-pane, .audio-pane .bottom-pane {
    -fx-border-width: 1 0 0 0;
    -fx-border-color: derive(-fx-main-border-color, 20%);
    -fx-padding: 10px 0 10 0;
    -fx-max-height: 70px;
}

.voice-pane .bottom-pane .svg-image-view, .audio-pane .bottom-pane .svg-image-view {
    -fx-pref-width: 30px;
    -fx-pref-height: 30px;
    -fx-max-width: 30px;
    -fx-max-height: 30px;
    -fx-border-color: derive(-fx-main-border-color, 20%);
    -fx-border-radius: 10;
    -fx-border-width: 1px;
    -fx-padding: 10px;
}

.audio-pane .content-pane {
    -fx-background-radius: 2px;
    -fx-border-radius: 2px;
    -fx-padding: 2px 2px 10px 2px;
    -fx-border-width: 1px;
    -fx-border-color: derive(-fx-main-background-color, 20%);
    -fx-background-color: derive(-fx-main-background-color, 20%);
    /*-fx-border-insets: 12px;*/
    -fx-effect: dropshadow(three-pass-box, derive(-fx-main-background-color, 20%), 10, 0.5, 0, 0);
    -fx-spacing: 20px;
}